<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style type="text/css">
            *{
            margin:0px;
            padding:0px;
            }
            li{
            list-style: none;
            }
            a:link{
                color:#333;
                text-decoration: none;

            }
            a:hover{
                color:orange;
            }
            .box{
                width:220px;
                border:1px solid #aacbee;
                margin:20px auto;
                background-color:#f5f9fc;
            }
            .box h3 {
                height:40px;
                line-height:40px;
                padding-left:26px;
                font-size:16px;
                background:url("images/title_icon.gif") no-repeat 5px center;
            }
            .box ul{
                padding-bottom: 10px;
            }
            .box li{
                font-size: 14px;
                height:28px;
                line-height:28px;
                padding-left:15px;
                border-top:1px solid #cfe2f5;
                background:url("images/submenu.gif") no-repeat 50px 0px;
                margin:0px 5px;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <h3>课程导航</h3>
            <ul>
                <li><a href="#">ACCP 软件工程师</a></li>
                <li><a href="#">BTEST 软件测试工程师</a></li>
                <li><a href="#">BENET 网络工程师</a></li>
                <li><a href="#">JBNS 网站工程师</a></li>
                <li><a href="#">ACCP 启蒙星</a></li>
                <li><a href="#">ANDROID 软件工程师5</a></li>
                <li><a href="#">JAVA 软件工程师</a></li>
                <li><a href="#">.NET 软件工程师</a></li>
                <li><a href="#">网络营销</a></li>


            </ul>












    </body>
</body>
</html>